<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>视频音频</title>
    <style>
        video{
            width: 600px;
        }
    </style>
</head>
<body>
<!--不要同时给宽高，视频是有比例的，比如16:9 ,给了宽高不成比例会加上空白的-->
<!--controls就有了控制台，控制播放-->
<!--muted默认静音-->
<!--autoplay自动播放,必须muted才行, 但是如果用户经常打开后点击播放，chrome会认为 媒体参与度 高，没有muted也会播放-->
<!--loop循环播放-->
<!--去掉autoplay，视频封面就是第一帧,poster指明封面图片-->
<!--preload预加载,auto自动，none不进行加载，metadata加载基本元信息(总时常等)-->
<!--学了js可以用更多功能,视频播放不一定是video，是更复杂的定制播放器-->
<video src="https://www.bilibili.com/video/BV1Xy4y1o7B9?t=1.8" controls muted autoplay loop poster="" preload=""></video>
<hr>
<!-- 同样不要调整高度-->
<!-- 和视频一样controls-->
<!-- autoplay要媒体参与度高,静音也不能自动播放，得靠js-->
<!-- loop循环,preload预加载-->
<audio src="" controls muted autoplay></audio>
</body>
</html>